.person_info_header {
	display: inline-block;
	height: 60px;
	line-height: 60px;
	color: #fff;
	font-size: 14px;
	margin-right: 120px;
}

.mr_50 {
	margin-right: 50px !important;
}

.mt_20 {
	margin-top: 20px !important;
}

.mt_60 {
	margin-top: 60px !important;
}

.sep_bg {
	
	width: 100%;
	height: 150px;
	padding-top:60px;
	background: url(../images/pruse_back.png) no-repeat center;
	background-size: cover;
}

.person_content {
	width: 900px;
	overflow: hidden;
	background-color: #FFF;
	margin: 0 auto;
	/* 标准的语法 */
	-webkit-box-shadow: 0px 10px 20px 0 rgba(0, 0, 0, 0.1);
	box-shadow: 0px 10px 20px 0 rgba(0, 0, 0, 0.1);
	/* 阴影 */
}

.person_info_content {
	position:relative;
	width: 900px;
	height: 90px;
	margin: 0 auto;
	background: -webkit-gradient(linear, left top, right top, from(#4E5975),
		to(#66718B));
	background: linear-gradient(to right, #4E5975, #66718B);
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	text-align: right;
	line-height: 90px;
}

.person_info_edit_area {
	line-height: 100px;
	text-align: right;
}

.person_info_editicon {
	display: inline-block;
	background: url(../images/person_info/edit_person_large.png) no-repeat
		left center;
	background-size: 15px 15px;
	width: 131px;
	height: 100%;
	margin-right: 2.3%;
	padding-right: 50px;
	font-size: 14px;
	color: #B2B8D2;
	cursor: pointer;
}

.person_info_main {
	text-align: center;
}

.person_info_mark {
	width:160px;
	margin:60px auto 30px;
}

.photo_bg {
	position: relative;
	background: #fff;
	width: 120px;
	height: 120px;
	border-radius: 50%;
}

.photo_edit_icon {
	position: absolute;
	top: 70px;
	left: calc(50% - 12.5px);
	text-align: center;
}

.photo_img {
	position: absolute;
	height: 120px;
	width: 120px;
	left: 390px;
	top: 30px;
	padding: 10px;
	background: #fff;
	border-radius: 50%;
	z-index: 1;
	border: 1px solid #EDEDED;
}

.head_img {
	height: 100px;
	width: 100px;
	margin: 10px;
	border-radius: 50%;
}

.head_img_2 {
	left: 0;
    top: 0;
}

.person_group {
	font-size: 20px;
	font-weight: bolder;
}

.person_name_area {
	background: #EDF1F5;
	border-radius: 20px;
	padding: 0 10px 0 15px;
}

.person_name {
	height: 36px;
	line-height: 36px;
	color: #333;
	font-size: 16px;
	font-weight: bolder;
	margin-top: 10px;
}

.bg_man {
	background: url(../images/person_info/edit_person_min.png) no-repeat
		right center;
}

.bg_woman {
	background: url(../images/person_info/edit_person_women_min.png)
		no-repeat right center;
}

.person_detail {
	width: 800px;
	margin: 0 auto;
	min-height: 90px;
	line-height: 90px;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	margin-top: 10px;
	margin-bottom: 20px;
}

.person_detail ul, .bind_info ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.person_detail ul li, .bind_info ul li {
	float: left;
	width: 33.3%;
	font-size: 14px;
	color: #81889F;
}

.person_detail li:nth-of-type(3) {
	padding-left: 80px;
}

.person_detail ul li span {
	color: #333;
	font-weight: bolder;
}

.bind_info {
	width: 800px;
	min-height: 160px;
	line-height: 160px;
	margin: 30px auto;
}

.bind_info ul li {
	width: 49.5%;
	color: #333;
}

.border_le {
	border-left: 1px solid #EDEDED;
}

.bind_style {
	font-weight: normal;
	padding: 7px 15px;
	background: #B0282A;
	color: #fff;
	margin-right: 15px;
	border-top-right-radius: 16px;
	border-bottom-right-radius: 16px;
}

.unbind_style {
	font-weight: normal;
	padding: 7px 15px;
	background: -webkit-linear-gradient(left, #464B5D, #000);
	/* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(right, #464B5D, #000);
	/* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(right, #464B5D, #000);
	/* Firefox 3.6 - 15 */
	background: linear-gradient(to right, #464B5D, #000); /* 标准的语法 */
	color: #fff;
	margin-right: 15px;
	border-top-right-radius: 16px;
	border-bottom-right-radius: 16px;
}

.bing_title {
	font-style: normal;
	font-weight: bolder;
}

.bind_upd {
	vertical-align: middle;
	float: right;
	margin-top: 63px;
	margin-right: 30px;
	font-style: normal;
	font-weight: bolder;
	color: #B0282A;
	min-width: 90px;
	height: 36px;
	border-radius: 20px;
	border: 1px solid #B0282A;
	line-height: 36px;
	text-align: center;
	cursor: pointer;
}

.modal-content_borrad {
	border-radius: 15px;
}

.info_upd_header {
	width: 100%;
	height: 80px;
	background: url(../images/pruse_back.png) no-repeat center;
	text-align: center;
	background-size: cover;
	border-top-right-radius: 4px;
	border-top-left-radius: 4px;
}

.info_upd_header .close {
	color: #fff;
	margin-top: 6px !important;
}

.info_upd_body {
	background: #fff;
	padding-bottom: 20px;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
}

.photo_position {
	position: absolute;
	top: 20px;
	left: calc(50% - 60px);
}

.info_tab {
	width: 100%;
	padding: 10px 20px;
	box-sizing: border-box;
	font-size: 14px;
	margin-top: 60px;
}

.info_tab table {
	width: 100%;
}

.info_tab table tr td {
	padding: 8px;
	color: #6C6C6C;
}

.info_tab table tr td input {
	width: 100%;
	height: 30px;
	line-height: 30px;
	padding: 0 5px;
	box-sizing: border-box;
	border: 1px solid #ededed;
}

.btn_area {
	margin: 10px 0;
	text-align: center;
	padding-bottom: 20px;
}

.btn_area .save {
	border: 1px solid #B0282A;
	color: #B0282A;
	padding: 7px 35px;
	background: transparent;
	font-size: 14px;
}

.modal-title_center {
	display: inline-block;
	height: 100%;
	line-height: 49px;
	margin: 0;
	font-size: 14px;
	color: #fff;
}

.info_tips {
	display: block;
	font-size: 14px;
	color: #333;
	margin: 20px auto;
	font-weight: bolder;
}

.align_center {
	text-align: center;
}

.check_area {
	width: 80%;
	height: 45px;
	line-height: 45px;
	margin: 0 auto 20px;
	border-bottom: 1px solid #ddd;
}

.check_area .min_input {
	/* width: calc(100% - 80px); */
	height: calc(100% - 2px);
	border: none;
	outline: none;
}

.check_area .max_input {
	width: 100%;
	height: calc(100% - 2px);
	border: none;
	outline: none;
}

.check_area span {
	color: #B0282A;
	font-weight: bolder;
	cursor: pointer;
	float:right;
}

.check_area span:HOVER {
	opacity: 0.8;
}

.next_btn {
	background: #B0282A;
	border-radius: 4px;
	color: #fff;
	padding: 7px 35px;
	border: none;
}

.next_btn:HOVER {
	opacity: 0.8;
}

.login_color {
	color: #8590A6
}

.area_center {
	display: block;
	margin: 20px auto;
	width: 200px;
}

.person_info_dialog {
	background: transparent !important;
}
/*上传头像开始*/
.tx_box {
	position: fixed;
	width: 882px;
	height: 476px;
	left: 50%;
	top: 50%;
	margin-left: -441px;
	margin-top: -238px;
	background: #fff;
	border: 3px solid #dce1ef
}

.tx_box .hd {
	height: 36px;
	position: relative
}

.tx_box .hd span {
	position: absolute;
	right: -30px;
	top: 10px;
}

.tx_box_con {
	padding: 0px 40px;
}

.tx_box .hd span a {
	display: block;
	width: 16px;
	height: 16px;
	background: url(../images/icon_close.svg) no-repeat;
}

.tx_box  .tx_left {
	float: left;
	width: 180px;
}

.tx_box  .tx_right {
	float: right;
	width: 596px;
}

.box111 h1 {
	margin-bottom: 17px;
	font-size: 14px;
	text-align: center;
	font-weight: 300
}

.box111 .pic img {
	width: 180px;
	height: 180px;
	border-radius: 50%;
}

.box111 .item-info p {
	margin-top: 12px;
	text-align: center
}

.box111 .item-info p input {
	width: 100px;
	height: 35px;
	background: #3462ff;
	border-radius: 3px;
	color: #fff;
	font-size: 14px;
	line-height: 35px;
	text-align: center;
	border: none;
	cursor: pointer;
}

.box111 .item-info p input:hover {
	opacity: 0.9
}

.tz_part {
	position: relative;
	height: 90px;
	border: 2px dashed #ddd;
	border-radius: 5px;
	text-align: center;
	padding-top: 35px;
	cursor: pointer;
}

.tz_part .des {
	font-size: 14px;
	margin-left: 5px;
	color: #999;
}

.tx_list h3 {
	padding: 12px 0;
	font-size: 14px;
	font-weight: 300;
	color: #999;
}

.tx_list_con ul li {
	margin-right: -5px;
}

.tx_list_con ul li {
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
}

.tx_list_con ul li img {
	width: 80px;
	height: 80px;
}

.tx_list_con ul li img:HOVER {
	border: 1px solid #48a0ff;
	box-shadow: 0 1px 5px #48a0ff;
}

.btn-white {
	color: inherit;
	background: #fff;
	border: 1px solid #e7eaec;
	color: #676a6c;
	font-size: 14px;
}

.btn-white.active, .btn-white:active, .btn-white:focus, .btn-white:hover,
	.open .dropdown-toggle.btn-white {
	color: inherit;
	border: 1px solid #d2d2d2
}

.btn-white.active, .btn-white:active {
	box-shadow: 0 2px 5px rgba(0, 0, 0, .15) inset
}

.btn-white.active, .btn-white:active, .open .dropdown-toggle.btn-white {
	background-image: none
}

.btn-white.active[disabled], .btn-white.disabled, .btn-white.disabled.active,
	.btn-white.disabled:active, .btn-white.disabled:focus, .btn-white.disabled:hover,
	.btn-white[disabled], .btn-white[disabled]:active, .btn-white[disabled]:focus,
	.btn-white[disabled]:hover, fieldset[disabled] .btn-white, fieldset[disabled] .btn-white.active,
	fieldset[disabled] .btn-white:active, fieldset[disabled] .btn-white:focus,
	fieldset[disabled] .btn-white:hover {
	color: #cacaca
}

.tx_titles {
	color: #676a6c;
	font-size: 14px;
	margin-bottom: 10px;
}

.tx_titles2 {
	color: #676a6c;
	font-size: 14px;
	margin-bottom: 10px;
	margin-top: 10px;
}
/**************上传头像结束**************/
.person-dialog .dialog-photo-img {
	width: 120px;
	height: 120px;
	border-radius: 50%;
	padding: 10px;
	background: #fff;
	margin-top: 21px !important;
	border: 1px solid #EDEDED;
}

.person-dialog .dialog-photo-edit {
	width: 100px;
	height: 100px;
	border-radius: 50%;
	position: absolute;
	top: 30px;
	background: #000;
	opacity: 0.2;
	left: 200px;
	display: flex;
	justify-content: center;
	cursor: pointer;
}

.person-dialog .dialog-photo-edit:HOVER {
	opacity: 0.1;
}

.person-dialog .dialog-photo-edit img {
	align-self: center;
}

.lc-width-420 {
	width: 420px;
}

.lc-width-900 {
	width: 900px !important;
}

.person-dialog .control-label {
	text-align: left;
	color: #6C6C6C !important;
}

.person-dialog div.col-md-6 {
	padding-left: 0px;
}

.person-dialog .form-group {
	margin-bottom: 0px;
}

.person-dialog .lc-dialog-bottom {
	align-items: center !important;
}

.person-dialog .lc-dialog-bottom .lc-dialog-submit {
	color: #B0282A !important;
	border-color: #B0282A !important;
}

.person-dialog .lc-dialog-bottom .lc-dialog-submit:HOVER {
	opacity: 0.8;
}
/**选择头像**/
.crop-photo .modal-dialog{
	border-top-left-radius:12px;
	border-top-right-radius:12px;
}
.crop-photo .image-crop {
	width: 360px;
	height: 300px;
}

.crop-photo .img-preview {
	width: 180px;
	height: 180px;
	border-radius: 0px;
	overflow: hidden;
}

.crop-photo .choice-img-btn {
	border-radius: 4px!important;
	background-color: #B0282A;
	border-color: #B0282A;
	color: #fff!important;
}

.crop-photo .choice-img-submit {
	margin-left: 30px!important;
	border-radius: 4px!important;
	background-color: #B0282A;
	border-color: #B0282A;
}